<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<head>
    <link rel="stylesheet" href="${ctx}/statics/css/index.css?v=${v}">
    <title>在线监控</title>
</head>
<body>

<section id="main-wrap">
    <div class="left-part">
        <div class="title-part">
            <div class="icon-border">
                <i class="iconfont icon-shui layui-hide"></i>
                <i class="iconfont icon-dian"></i>
            </div>
            <div>
                <span class="area-text"><em class="areaName"></em>用<em class="typeName">水</em></span>
                <span class="date"></span>
            </div>
        </div>
        <div class="count-part">
            <div><span><em class="typeName"></em>表总数</span><em class="totalCnt"></em></div>
            <div><span>节约率</span><em class="fontGreen ratecCnt"></em></div>
            <div><span>总用量</span><em class="totalUse"></em><em class="unit"></em></div>
            <div><span>日累计标准量</span><em class="standardUse"></em><em class="unit"></em></div>
            <div><span>日标准量</span><em class="standardUse1"></em><em class="unit"></em></div>
        </div>
        <div>
            <div id="gl-pie"></div>
        </div>
        <div class="alert-list">
            <p>报警信息</p>
            <ul></ul>
        </div>
    </div>
    <div class="right-part" id="items-list-wrap"></div>
    <div class="functional">
        <select name="areaId" class="areaSel"></select>
        <div class="devTypeCode-select">
            <button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-fluid meter-btn water-btn" deviceTypeCode="1">水表</button>
            <button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-fluid meter-btn electronic-btn" deviceTypeCode="0">电表</button>
            <button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-fluid" deviceTypeCode="2">气表</button>
        </div>
        <button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-fluid printBtn">打印</button>
    </div>
</section>

<!--startprint-->
<div id="printContentBox" style="display: none;"></div>
<!--endprint-->

<script src="${ctx}/statics/libs/echarts/echarts.min.js?v=${v}"></script>
<script src="${ctx}/statics/libs/echarts/echarts-gl.min.js?v=${v}"></script>
<script src="${ctx}/statics/js/index.js?v=${v}"></script>
</body>
</html>
